<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./css/首页.css" /> -->
  </head>
  <body>
    <!-- <script src="./ajax.js"></script>
    <script src="./无缝.js"></script>
    <script src="./zr.js"></script> -->
    <!-- 头部 -->
    <div class="title">
      <div class="title-an"><h3 class="an-q">天空之城™</h3></div>
      <div class="title-bn">
        <div class="title-bn1"><a href="" style="color: #fff">首页</a></div>
        <div class="title-bn1"><a href="">探索</a></div>
        <div class="title-bn1"><a href="">标签</a></div>
        <div class="title-bn1"><a href="">摄影师</a></div>
        <div class="title-bn1"><a href="">签约摄影师招募</a></div>
        <div class="title-bn1"><a href="">热门活动</a></div>
        <div class="title-bn1"><a href="">天空之城 8 周年影像大赛</a></div>
      </div>
      <div class="title-cn">
        <!-- <img src="./css/img/1.png" alt="" width="18px" height="18px" /> -->
        <a href="">登入</a>
        <a href="">注册</a>
      </div>
    </div>
    <!-- 轮播图 -->
    <div>
      <div class="box">
        <div class="img-box">
          <ul></ul>
          <div class="dot-box"></div>
          <!-- 轮播图箭头 -->
          <div class="arrow-left"></div>
          <div class="arrow-right"></div>
        </div>

        <!-- 小圆点 -->
      </div>
    </div>

    <!-- 热门航拍点 -->
    <div class="Popular">
      <div class="Popular-1">
        <p>热门航拍点</p>
        <a href="#">热门航拍点集锦</a>
      </div>
      <div class="Popular-2">
        <ul></ul>
        <div class="Popular-3">
          <div class="Popular-a"><a href="#">澳大利亚</a></div>
          <div class="Popular-a1"><a href="#">美国</a></div>
          <div class="Popular-a2"><a href="#">冰岛</a></div>
          <div class="Popular-a3"><a href="#">西藏</a></div>
          <div class="Popular-a4"><a href="#">上海</a></div>
          <div class="Popular-a5"><a href="#">新疆</a></div>
        </div>
      </div>
    </div>

    <div class="counter">
      <div class="ziran">
        <p>自然</p>
        <a href="#">更多></a>
        <div class="geng">
          <span class="yuan active"></span>
          <span class="yuan"></span>
          <span class="yuan"></span>
          <span class="yuan"></span>
        </div>
      </div>
      <div class="tu">
        <ul></ul>

        <div class="zan">
          <ul></ul>
        </div>
      </div>

      <div class="chenshi">
        <div class="cheng">
          <p>城市</p>
          <div class="geng">
            <span class="yuan1 active"></span>
            <span class="yuan1"></span>
            <span class="yuan1"></span>
            <span class="yuan1"></span>
          </div>
          <a href="">更多></a>
        </div>
        <div class="img">
          <ul></ul>
        </div>

        <div class="zan-2">
          <ul></ul>
        </div>
      </div>

      <div class="yundong">
        <div class="yun">
          <p>运动</p>
          <div class="geng">
            <span class="yuan2 active"></span>
            <span class="yuan2"></span>
            <span class="yuan2"></span>
            <span class="yuan2"></span>
          </div>
          <a href="">更多></a>
        </div>
        <div class="img2">
          <ul></ul>
        </div>

        <div class="zan-3">
          <ul></ul>
        </div>
      </div>

      <div class="renwu">
        <div class="ren">
          <p>人物</p>
          <div class="geng">
            <span class="yuan3 active"></span>
            <span class="yuan3"></span>
            <span class="yuan3"></span>
            <span class="yuan3"></span>
          </div>
          <a href="">更多></a>
        </div>
        <div class="img3">
          <ul></ul>
        </div>

        <div class="zan-4">
          <ul></ul>
        </div>
      </div>

      <div class="sheys">
        <div class="she">
          <p>签约摄影师</p>
          <div class="geng4">
            <span class="yuan4 active"></span>
            <span class="yuan4"></span>
            <span class="yuan4"></span>
            <span class="yuan4"></span>
          </div>
          <a href="">更多></a>
        </div>
        <div class="img4">
          <ul></ul>
        </div>

        <div class="zan-5">
          <ul></ul>
        </div>
      </div>

      <div class="Hot-tags">
        <div class="Hot-1">
          <p>签约摄影师</p>
          <div class="geng3">
            <span class="yuan5 active"></span>
            <span class="yuan5"></span>
            <span class="yuan5"></span>
            <span class="yuan5"></span>
          </div>
          <a href="">更多></a>
        </div>
        <div class="Hot-2">
          <ul></ul>
        </div>
      </div>
    </div>

    <footer>
      <div class="box5">
        <div class="box5-1">
          <div>Copyright 2022 Skypixel.com 天空之城 版权所有</div>
          <div>
            <p>使用条款</p>
            <p>隐私政策</p>
            <p>内容指引</p>
            <p>网站反馈</p>
            <p>常见问题</p>
          </div>
          <div>
            <p>中文</p>
            <p>|</p>
            <p>English</p>
          </div>
        </div>
        <div>
          <p>粤ICP备2022092332号</p>
        </div>
      </div>
    </footer>
    <!-- https://codesign.qq.com/s/ALwE9V8xyxZX1Dp -->
  </body>
</html>
